<template>
  <div class="content-footer">
    <div
      v-for="item in list"
      :key="item.title"
      class="content-footer-item"
      @click="item.click"
    >
      <svg-icon
        :icon-class="item.icon"
        :size="20"
      />
      <span>{{ item.title }}</span>
    </div>
  </div>
</template>

<script setup lang="ts">

import useDialogPromiseHook from '@/hooks/use-dialog-promise-hook'

const dialog = useDialogPromiseHook()

const list = [
  // {
  // title: '官方主页',
  // icon:'home'
  // },
  {
  title: '人工客服',
    icon: 'custom-service',
    click: () => {
      dialog.showDialog('dialogQr')
      .then(() => {})
      .catch(() => {})
  }
}]
</script>

<style scoped lang="scss">
.content-footer{
  height:32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap:13px;
  position: absolute;
  right:15px;
  bottom:4px;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  color: RGBA(148, 148, 148, 1);
  .content-footer-item{
    display: flex;
    align-items: center;
    gap:5px;
    cursor: pointer;
  }
}
</style>